<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>好友资料</title>    
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="../css/swiper.min.css"/>
   	<link rel="stylesheet" type="text/css" href="../css/mgPublic.css"/>
   	<link rel="stylesheet" type="text/css" href="../css/mggj.css"/>
    <link rel="stylesheet" type="text/css"/>
    <style type="text/css">    	html,body{background-color:#F5F5F5}.mui-views,.mui-view,.mui-pages,.mui-page,.mui-page-content{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background-color:#F5F5F5}.mui-page.mui-transitioning{-webkit-transition:-webkit-transform 300ms ease;transition:transform 300ms ease}.mui-page-left{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mui-ios .mui-page-left{-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}.mui-navbar{position:fixed;right:0;left:0;z-index:10;height:44px;background-color:#f7f7f8}.mui-navbar .mui-bar{position:absolute;background:transparent;text-align:center}.mui-android .mui-navbar-inner.mui-navbar-left{opacity:0}.mui-ios .mui-navbar-left .mui-left,.mui-ios .mui-navbar-left .mui-center,.mui-ios .mui-navbar-left .mui-right{opacity:0}.mui-navbar .mui-btn-nav{-webkit-transition:none;transition:none;-webkit-transition-duration:.0s;transition-duration:.0s}.mui-navbar .mui-bar .mui-title{display:inline-block;width:auto}.mui-page-shadow{position:absolute;right:100%;top:0;width:16px;height:100%;z-index:-1;content:''}.mui-page-shadow{background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);background:linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%)}.mui-navbar-inner.mui-transitioning,.mui-navbar-inner .mui-transitioning{-webkit-transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease}.mui-page{display:none}.mui-pages .mui-page{display:block}.mui-page .mui-table-view:first-child{margin-top:15px}.mui-page .mui-table-view:last-child{margin-bottom:30px}.mui-table-view{margin-top:20px}.mui-table-view span.mui-pull-right{color:#999}.mui-table-view-divider{background-color:#F5F5F5;font-size:14px}.mui-table-view-divider:before,.mui-table-view-divider:after{height:0}.head{height:40px}#head{line-height:40px}.head-img{width:40px;height:40px}#head-img1{position:absolute;bottom:10px;right:40px;width:40px;height:40px}.update{font-style:normal;color:#999;margin-right:-25px;font-size:15px}.mui-fullscreen{position:fixed;z-index:20;background-color:#000}.mui-ios .mui-navbar .mui-bar .mui-title{position:static}
    .mui-scroll-wrapper{top: 44px;}
    </style>
</head>
<body>
<header class="mui-bar mui-bar-nav head_bar">
   <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">好友资料</h1>
    <!--<a href="#share" class="mui-icon iconfont icon-fenxiang mui-pull-right head_right_ico"></a>-->
    <!--<a class="mui-icon iconfont icon-shoucang mui-pull-right head_right_ico"></a>-->
</header>
<div class="mui-content">
    <div class="mui-scroll-wrapper" id="mui-scroll">
        <div class="mui-scroll">
            <ul class="mui-table-view friend_head_img">
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="../images/find/speeker_1.png">
						<div class="mui-media-body">
							<h2><span class="friend_name girl">Larry beta</span>&nbsp;&nbsp;<span class="bdge_span pink_span">私董会员</span></h2>
							<p class="mui-ellipsis">这家伙很懒，什么都没写~</p>
						</div>
					</a>
				</li>
			</ul>
			<div class="friend_form form">
				<ul class="mui-table-view sel_a_cls">
					<li class="mui-table-view-cell">
			         	<span>地区：</span>
			         	<a href="##"class="mui-navigate-right">
			         		<input type="text" required="true" class="mui-input-clear" placeholder="广州市天河区" id="you_address" readonly="readonly" value="广州市天河区" >
			         	</a>
			         </li>				 
			         <li class="mui-table-view-cell">
			         	<span>二维码名片：</span>
			         	<a href="#you_sex_sel"class="mui-navigate-right">
			         		<input type="text" required="true" class="mui-input-clear" placeholder="" id="business_card" readonly="readonly">
			         	</a>
			         </li>			         
			         <li class="mui-table-view-cell">
			         	<span>兴趣：</span>
			         	<a href="##"class="mui-navigate-right">
			         		<input type="text" required="true" class="mui-input-clear" placeholder="忘了" id="interest" readonly="readonly" value="忘了">
			         	</a>
			         </li>
			         <li class="mui-table-view-cell forward_right">
			         	<span>从事行业：</span>
			         	<a href="##"class="mui-navigate-right">
			         		<input type="text" required="true" class="mui-input-clear" placeholder="IT" id="you_company" readonly="readonly" value="互联网">
			         	</a>
			         </li>
			         <li class="mui-table-view-cell">
			         	<span>所在公司：</span>
			         	<a href="##"class="mui-navigate-right">
			         		<input type="text" required="true" class="mui-input-clear" placeholder="XXX科技公司" id="where_company" readonly="readonly" value="XXX科技公司">
			         	</a>
			         </li>
			         <li class="mui-table-view-cell forward_right">
			         	<span>职位：</span>
			         	<a href="##"class="mui-navigate-right">
			         		<input type="text" required="true" class="mui-input-clear" placeholder="IT" id="you_p" readonly="readonly" value="财务部">
			         	</a>
			         </li>
				</ul>
			</div>
			<div class="preview">
				<a href="javascript:;" class="mui-btn mui-btn-block mui-btn-primary">添加好友</a>
			</div>
        </div>
    </div>
</div>
<script src="../js/mui.min.js"></script>
<script src="../js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
mui.init({
	statusBarBackground:'#fff'
});
mui("#mui-scroll").scroll();
</script>	
</body>
</html>